<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>APP开发者平台</title>
	<!--引用公共css-->
	<div th:replace="~{pages/developer/common/nav :: css}"></div>
</head>
<body class="nav-md footer_fixed">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col menu_fixed">
				<!--引用公共left-->
				<div th:replace="~{pages/developer/common/nav :: left}"></div>
			</div>

			<!-- top navigation -->
			<div class="top_nav">
				<div class="nav_menu">
					<!--引用公共top-->
					<nav th:replace="~{pages/developer/common/nav :: top}"></nav>
				</div>
			</div>
			<!-- /top navigation -->
			<div class="right_col" role="main">
				<div class="">

<div class="clearfix"></div>
<div class="row">
	<div class="col-md-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>
					APP 信息管理维护 <i class="fa fa-user"></i><small>
					[[${#session.getAttribute('devUser').devName}]]
						- 您可以通过搜索或者其他的筛选项对APP的信息进行修改、删除等管理操作。^_^</small>
				</h2>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<form method="post" action="list" th:action="@{/manage/appInfos}" th:method="get">
					<!-- 使用隐藏框传递页码 -->
					<input type="hidden" name="pageNum" value="1" />
			    <ul>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<input name="querySoftwareName" type="text" class="form-control col-md-7 col-xs-12" th:value="${param.querySoftwareName}">
							</div>
						</div>
					</li>
					
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">APP状态</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select name="queryStatus" class="form-control">
									<option value="">--请选择--</option>
									<option value="1" th:each="appStatus:${appStatus}" th:value="${appStatus.valueId}" th:text="${appStatus.valueName}"
													th:selected="${param.queryStatus} !=null ? ${param.queryStatus[0]} == ${appStatus.valueId}">待审核</option>

        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select name="queryFlatformId" class="form-control">
									   <option value="">--请选择--</option>
									   <option value="1" th:each="appFlatform:${appFlatform}" th:value="${appFlatform.valueId}" th:text="${appFlatform.valueName}"
											   			th:selected="${param.queryFlatformId} != null ? ${param.queryFlatformId[0]} == ${appFlatform.valueId}">手机</option>

        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select id="queryCategoryLevel1" name="queryCategoryLevel1" class="form-control">
									<option value="">--请选择--</option>
									<option	value="1" th:each="category:${categoryLevel1}" th:value="${category.id}" th:text="${category.categoryName}"
											   th:selected="${param.queryCategoryLevel1} != null ? ${param.queryCategoryLevel1[0]} == ${category.id}">全部应用</option>

								</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
							<input type="hidden" name="categorylevel2list" id="categorylevel2list"/>
        						<select name="queryCategoryLevel2" id="queryCategoryLevel2" class="form-control">
									<option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
        						<select name="queryCategoryLevel3" id="queryCategoryLevel3" class="form-control">
									<option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li><button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询 </button></li>
				</ul>
			</form>
		</div>
	</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
	<div class="x_panel">
		<div class="x_content">
			<p class="text-muted font-13 m-b-30"></p>
			<div id="datatable-responsive_wrapper"
				class="dataTables_wrapper form-inline dt-bootstrap no-footer">
				<div class="row">
					<div class="col-sm-12">
					<a th:href="@{/manage/appInfo}" class="btn btn-success btn-sm">新增APP基础信息</a>
						<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
							cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
							<thead>
								<tr role="row">
									<th class="sorting_asc" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="First name: activate to sort column descending"
										aria-sort="ascending">软件名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										APK名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										软件大小(单位:M)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属平台</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属分类(一级分类、二级分类、三级分类)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										状态</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										下载次数</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										最新版本号</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										style="width: 124px;"
										aria-label="Last name: activate to sort column ascending">
										操作</th>
								</tr>
							</thead>
							<tbody>
								
									<tr role="row" class="odd" th:each="apps : ${appInfos.list}">
										<td tabindex="0" class="sorting_1" th:text="${apps.softwareName}">1_重力锁屏:Gravity Screen Off Pro</td>
										<td th:text="${apps.apkName}">com.plexnor.gravityscreenoffpro</td>
										<td th:text="${apps.softwareSize}">1.00</td>
										<td th:text="${apps.flatformName}">手机</td>
										<td>[[${apps.categoryLevel1Name}]] -> [[${apps.categoryLevel2Name}]] -> [[${apps.categoryLevel3Name}]]</td>
										<td><span id="appInfoStatus67" th:text="${apps.statusName}">待审核</span></td>
										<td th:text="${apps.downloads}">23</td>
										<td th:each="versions : ${appVersions}" th:if="${apps.versionId}==${versions.id}" th:text="${versions.versionNo}"></td>
										<td>
										
										
										<div class="btn-group">
                      <button type="button" class="btn btn-danger">点击操作</button>
                      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li>

                        </li>
                        <li><a class="addVersion" appinfoid="67" data-toggle="tooltip" data-placement="top" title="" data-original-title="新增APP版本信息">新增版本</a>
                        </li>
                        <li><a class="modifyVersion" 
											appinfoid="67" versionid="" status="1" 
											statusname="待审核"											
											data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP最新版本信息">修改版本</a>
                        </li>
                        <li><a  class="modifyAppInfo" 
											appinfoid="67" status="1" statusname="待审核"
											data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP基础信息">修改</a></li>
                        <li><a  class="viewApp" appinfoid=67  data-toggle="tooltip" data-placement="top" title="" data-original-title="查看APP基础信息以及全部版本信息">查看</a></li>
						<li><a  class="deleteApp" appinfoid=67  appsoftwarename=1_重力锁屏:Gravity Screen Off Pro data-toggle="tooltip" data-placement="top" title="" data-original-title="删除APP基础信息以及全部版本信息">删除</a></li>
                      </ul>
                    </div>
										</td>
									</tr>

								
							</tbody>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-5">
						<div class="dataTables_info" id="datatable-responsive_info"
							role="status" aria-live="polite" th:text="'共'+${appInfos.total}+'条记录'+ ${appInfos.pageNum} +'/'+ ${appInfos.pages}+'页'">共21条记录
							1/5页</div>
					</div>
					<div class="col-sm-7">
						<div class="dataTables_paginate paging_simple_numbers"
							id="datatable-responsive_paginate">
							<ul class="pagination">
								<li class="paginate_button "><a
										th:if="not ${appInfos.isFirstPage}"
										th:href="'javascript:page_nav(document.forms[0],1);'"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">首页</a>
								</li>
								<li class="paginate_button "><a
										th:if="${appInfos.hasPreviousPage}"
										th:href="'javascript:page_nav(document.forms[0],'+${appInfos.prePage}+');'"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">上一页</a>
								</li>
								<li class="paginate_button "><a
										th:if="${appInfos.hasNextPage}"
										th:href="'javascript:page_nav(document.forms[0],'+${appInfos.nextPage}+');'"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">下一页</a>
								</li>
								<li class="paginate_button next"><a
										th:if="not ${appInfos.isLastPage}"
										th:href="'javascript:page_nav(document.forms[0],'+${appInfos.pages}+');'"
										aria-controls="datatable-responsive" data-dt-idx="7"
										tabindex="0">最后一页</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
</div>
  </div>
 </div>
<!-- /page content -->
<!-- footer content -->
<footer>
	<div class="pull-right">©2016 All Rights Reserved.</div>
	<div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
</div>
	<!--引用公共js-->
	<div th:replace="~{pages/developer/common/nav :: js}"></div>
	<script type="text/javascript">
		var contextPath = "[[@{/}]]";
	</script>
</body>
</html>
<script src="/AppInfoSystem/statics/localjs/rollpage.js" th:src="@{/localjs/rollpage.js}"></script>
<script src="/AppInfoSystem/statics/localjs/appinfolist.js" th:src="@{/localjs/appinfolist.js}"></script>
<script type="text/javascript">
	$(function(){

		loadCategoryLevel2('[[${param.queryCategoryLevel2}]]');
		loadCategoryLevel3('[[${param.queryCategoryLevel3}]]');
	});
</script>